<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>eggs game</title>
    <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover" />
    <link href="public/css/eggs.css" type="text/css" rel="stylesheet">
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="public/js/myEggs.js"></script>
    <!--引入弹出层插件-->
    <!--<link rel="stylesheet" href="../lib/jQuery-BeAlert-master/BeAlert.css">-->
    <!--<script src="../lib/jQuery-BeAlert-master/BeAlert.js"></script>-->
    <style>
        body {
            background: black;
        }

        #myCanvas:hover {
            cursor: url('public/img/plane.png'), default;

        }

        #playTime {
            width: 300px;
            position: absolute;
            left: 50%;
            margin-left: -150px;
            background-color: black;
            color: white;
            text-align: center;
        }
    </style>
</head>

<body>
    <p id="playTime"></p>
    <canvas id="myCanvas" width="600" height="480" style="display: block;"></canvas>
    <div>
        <input type="button" value="开始游戏" id="btn_game_begin" class="blue_btn" onclick="startGame()">
        <input type="button" value="继续游戏" id="btn_game_restart" class="blue_btn" onclick="reStartGame()">
        <input type="button" value="暂停游戏" id="btn_game_end" class="red_btn" onclick="stop()">
        <input type="button" value="刷新游戏" id="btn_game_reload" class="blue_btn" onclick="gameReload()">
    </div>
</body>

</html>